import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'

// 创建一个axios实例
const service = axios.create({
  // 基地址
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时时间
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // config携带的就是请求信息，return不能省略
    // 这里经常配置请求头，携带token
    const token = store.state.user.token
    if (token) {
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    // 请求发生错误的时候执行
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  // 当服务端返回数据的时候，数据流传的第一站
  response => {
    // 响应成功，返回数据
    if (response.data.code !== 10000) {
      // 针对status返回200，但code不是成功的处理
      Message.error(response.data.message)
      return Promise.reject(response.data)
    } else {
      return response.data
    }
  },
  error => {
    // 响应失败
    // 做统一的错误处理
    if (error.response.status === 401) {
      // token过期处理
      store.commit('user/removeToken')
      router.push('/login')
    }
    Message.error(error.response.data.msg)
    return Promise.reject(error)
  }
)

export default service
